<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script>
    <link href="./CSS/demo2.css" rel="stylesheet">
</head>
<body>
<div id="root">
    <div class="box">
        <div><p>CCTV-1</p>
            <p>综合</p></div>
        <div><p>CCTV-2</p>
            <p>财经</p></div>
        <div></div>
        <div><p>CCTV-5</p>
            <p>体育</p></div>
        <div></div>
        <div><p>CCTV-8</p>
            <p>电视剧</p></div>
        <div></div>
        <div><p>CCTV-10</p>
            <p>科教</p></div>
        <div><p>CCTV-17</p>
            <p>农业农村</p></div>
        <div class="c10_12"><p>总台之声</p></div>

        <div class="c12_14 r1_3"><p>收视榜</p></div>

        <div class="c1_3">和平之舟</div>

        <div><p>CCTV-3</p>
            <p>综艺</p></div>
        <div></div>
        <div><p>CCTV-6</p>
            <p>电影</p></div>
        <div class="c6_9r2_4"><p>《体育新闻》</p>
            <p>CBA辽宁男篮豪取八连胜</p></div>


        <div><p>CCTV-12</p>
            <p>社会法制</p></div>
        <div><p>CCTV</p>
            <p>上海</p></div>
        <div><p>CCTV-16</p>
            <p>奥林匹克</p></div>
        <!--    三行-->
        <div class="c1_3 r3_5">4K专区</div>
        <div>
            <p>CCTV-4</p>
            <p>中文国际</p>
        </div>
        <div></div>
        <div>
            <p>CCTV-7</p>
            <p>国防军事</p>
        </div>
        <div>
            <p>CCTV-13</p>
            <p>新闻</p>
        </div>
        <div></div>
        <div><p>找栏目</p></div>

        <div><p>搜片库</p></div>
        <div><p>听音</p></div>
        <!--第四行-->
        <div></div>
        <div><p>CCTV-5+</p>
            <p>体育赛事</p></div>
        <div></div>
        <div><p>CCTV-9</p>
            <p>记录</p></div>
        <div></div>
        <div><p>CCTV-11</p>
            <p>戏曲</p></div>
        <div></div>
        <div><p>CCTV-14</p>
            <p>少儿</p></div>
        <div><p>CCTV-15</p>
            <p>音乐</p></div>
        <div class="c12_14">看直播</div>
    </div>

</div>
<script>
    let vm = new Vue({
        el: "#root",
        data() {
            return {}
        },
        methods: {}
    })
</script>

</body>
</html>